<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title> autog7Report  </title>
	
	<link rel="stylesheet" type="text/css" media="screen" href="css/common.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min-3.2.0.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.modify.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/expand.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/daterangepicker-bs3.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">		
		<link rel="stylesheet" href="css/bootstrap-select.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo-increase.css">	  
		<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css" /> 
    <link rel="stylesheet" type="text/css" href="css/manhuaTip.1.0.css">   	
  <style type="text/css">
	    .bootstrap-select > .btn{
	    	height: 30px;
	    }
	    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
		    width: 180px !important;
		}
	    #dt_basic > tbody > tr:not([class*="tr-expandable"]) > td {
	    	text-align: center;
	    }
    	#tbody > tr.odd > td:nth-child(3) {
    		word-break: break-all;
    	}
    	div.dataTables_filter {
		    position: static !important;
		}
   	</style>

</head>
<body id="autog7report" class="desktop-detected" style="min-height: 800px; height: auto;">

<section class="">
	<!-- row -->
	<div class="row">
		<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" style="min-height:500px">
					<!-- widget div-->
					<header role="heading" style="line-height: 18px;"><div role="menu" class="jarviswidget-ctrls">    <a data-original-title="全屏" href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="left"><i class="fa fa-resize-full "></i></a> </div>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2 langlanguage="vehicleBasicInfo">测试报告</h2>
					<span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
					</header>
					<div role="content">
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
						</div>
						<!-- end widget edit box -->
						<!-- widget content -->
						<div class="widget-body no-padding">
							<!-- 自定义搜索区 -->
							<div class="widget-body-toolbar" >
								<div role="form" class="smart-form">
									<div class="pull-left global-search-box2">									
										<section class="pull-left no-padding col pull-width160 onlyusefor">
											<label>运行环境</label>
											<label class="select">
												<select class="input-sm" name="index_usefor" id="index_usefor" onchange="loadRelease(this,null);LoadModuleByEnv(this);"><option value=1>-DSP_测试环境-</option><option value=2>-DSP_demo环境-</option><option value=3 selected="selected">-DSP_线上环境-</option></select> <i></i>
											</label>
										</section>
										<section class="pull-left no-padding col pull-width160">
											<label>迭代版本</label>
											<label class="select">
												<select class="input-sm" name="release_usefor" id="release_usefor"></select> <i></i>
											</label>
										</section>
										<section class="pull-left no-padding col pull-width180">
											<label>业务模块</label>
									        <div class="select form-group">
									          <select class="selectpicker" id="module_usefor" name="module_usefor" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
									              <option value=1>smart</option>
									              <option value=7>coldchain</option>
									              <option value=4>gpsevent</option>
									              <option value=10>currents</option>
									              <option value=13>gnns</option>
									              <option value=16>ems</option>
									              <option value=19>trace</option>
									              <option value=22>mileage</option>
									          </select>
									        </div>
										</section>
										<section class="pull-left no-padding col pull-width180">
											<label>接口</label>
									        <div class="select form-group">
									          <select name="inf_usefor" id="inf_usefor" class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
									          </select>
									        </div>
										</section>
										<section class="pull-left no-padding col pull-width180">
											<label>重要程度</label>
											<div class="select form-group">
											  <select name="importants_search" id="importants_search" class="selectpicker" multiple data-actions-box="true" data-done-button="true">
											    <option value=1>v1(高)</option>
											    <option value=2>v2(中)</option>
											    <option value=3>v3(低)</option>
											  </select>
											</div>
										</section>
										<section class="pull-left no-padding col pull-width180">
											<label>负责人</label>
											<div class="select form-group">
											  <select  name="owner_search" id="owner_search" class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true">
											    <option>duanxiangyun</option>
											    <option>huangyu</option>
											    <option>xiongruili</option>
											  </select>
											</div>
										</section>
										<section id="levelsection" class="pull-left no-padding col pull-width180">
											<label>level</label>
											<div class="select form-group">
											  <select  name="level_search" id="level_search" class="selectpicker" data-actions-box="true" multiple data-done-button="true">
											    <option>1</option>
											    <option>2</option>
											  </select>
											</div>
										</section>
										<section class="pull-left no-padding col pull-width180">
											<label>测试结果</label>
											<div class="select form-group">
											  <select  name="result_search" id="result_search" class="selectpicker" data-actions-box="true" multiple data-done-button="true">
											    <option>PASS</option>
											    <option>FAIL</option>
											    <option>SKIP</option>
											    <option>NO RUN</option>
											  </select>
											</div>
										</section>
										<section class="pull-left no-padding col pull-width240">
											<label class="" langlanguage="duration_report">运行时间段</label>
											<label class="input">
											<i class="icon-prepend fa fa-calendar"></i>
											<input id="reservationT" class="input-sm" type="text" maxlength="10" name="in_date">
											</label>
										</section>
										<section class="pull-left no-padding col ">
											<label></label>
											<label class="select">
											<a id="s_btn1" class="btn btn-primary btn-sm" type="button" langlanguage="query" onclick="searchSubmit();">查询</a>
											</label>
										</section>		
								</div>
							</div>
							<div class="row no-margin margin-top-10 margin-bottom-10"> </div>
								<div id="case_map" style="padding: 5px;">
									<!-- Chart type switchers -->
									<div class="actions">
										<button class="switcher btn btn-primary" id="column">柱状图</button>
										<button class="switcher btn btn-primary" id="area">面积图</button>
										<button class="switcher btn btn-primary" id="line">线型图</button>
										<button class="switcher btn btn-primary" id="spline">曲线图</button>
										<button class="switcher btn btn-primary" id="areaspline">曲线面积图</button>
									</div>
									
									<!-- two different charts -->
									<div id="chart_1" class="highcharts" style="float: left"></div>
									<div id="chart_2" class="highcharts" style="float: left"></div>
									<div style="clear: both;"></div>
								</div>
							<div id="scroll_div" class="table table-hover table-expandable" style="">
								<table id="dt_basic" class="table table-striped table-bordered table-hover has-tickbox dataTable" style="border: 1px solid #ddd !important;width:100%;word-break:break-all; word-wrap:break-all;">
									<thead>
									<tr>
									<th style="width: 30%;text-align: center;">迭代版本</th>
									<th style="width: 10%;text-align: center;">pass</th>
									<th style="width: 10%;text-align: center;">fail</th>
									<th style="width: 10%;text-align: center;">skip</th>
									<th style="width: 20%;text-align: center;">执行时间</th>
									<th style="width: 10%;text-align: center;">耗时(ms)</th>
									<th style="width: 10%;text-align: center;">查看详情</th>
									</tr>
									</thead>
									<tbody id="tbody" level=""> 					
									</tbody>
								</table>
								
							</div>
<!-- 							<div class="dt-row dt-bottom-row"><div class="row"><div class="col-sm-1"><div class="dataTables_length" id="dt_basic_length"><span class="smart-form"><label class="select" style="width: 60px;"><select aria-controls="dt_basic" size="1" name="dt_basic_length"><option selected="selected" value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select><i></i></label></span></div></div><div class="col-sm-5"><div id="dt_basic_info" class="dataTables_info">从 1 到 10 /共 23 条数据</div></div><div class="col-sm-6 text-right"><div class="dataTables_paginate paging_bootstrap_full"><ul class="pagination"><li class="first disabled"><a href="#">首页</a></li><li class="prev disabled"><a href="#">前一页</a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li class="next"><a href="#">后一页</a></li><li class="last"><a href="#">尾页</a></li></ul></div></div></div></div>							
 -->							
 							</div>
						
						</div>
						
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		<!-- WIDGET END -->

	</div>
	<!-- end row -->
</section>
<!-- end widget grid -->
<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>
	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrapValidator.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/bootstrap/bootstrap-select.js"></script>
		<script src="js/plugin/date/moment.js"></script>
		<script src="js/plugin/date/daterangepicker.js"></script>
	    <!-- <script type="text/javascript" src="js/bootstrap/locales/bootstrap-datetimepicker.fr.js"></script>  -->
	<script type="text/javascript" src="js/plugin/iresizer/iframeResizer.contentWindow.min.js"></script> 
	<script src="js/bootstrap/bootstrap-table-expandable.js"></script>
  <script src="js/jquery.dataTables.min.js"></script> 
  <script type="text/javascript" language="javascript" src="js/dataTables.bootstrap.js"></script> 
  	<script type="text/javascript" src="js/highcharts.js"></script>
 	<script type="text/javascript" src="js/gray.js"></script>
 	<script src="js/autog7.js"></script>
  <script src="js/autog7report.js"></script>
  <script src="js/timeformat.js"></script>
  <script src="js/jquery.cookie.js"></script>
  <script type="text/javascript">
  	$(function() {
  		loadRelease($("#index_usefor").get(0),function () {
  			searchSubmit();
  		});
		//处理日期
		var begintime = moment().subtract('days',6).format('YY-MM-DD 00:00');
		var endtime = moment().format('YY-MM-DD HH:mm');
		$('#reservationT').val(begintime+' - '+endtime);
		$('#reservationT').daterangepicker(  
                {  
                    // startDate: moment().startOf('day'),  
                    //endDate: moment(),  
                    minDate: '17-01-01 00:00',    //最小时间  
                    maxDate : moment(), //最大时间   
                    dateLimit : {  
                        years : 1  
                    }, //起止时间的最大间隔  
                    showDropdowns : true,  
                    showWeekNumbers : false, //是否显示第几周  
                    timePicker : true, //是否显示小时和分钟  
                    timePickerIncrement : 1, //时间的增量，单位为分钟  
                    timePicker12Hour : false, //是否使用12小时制来显示时间  
                    ranges : {  
                        //'最近1小时': [moment().subtract('hours',1), moment()],  
                        '今日': [moment().startOf('day'), moment()],  
                        '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],  
                        '最近7日': [moment().subtract('days', 6), moment()],  
                        '最近30日': [moment().subtract('days', 29), moment()],
                    },  
                    opens : 'right', //日期选择框的弹出位置  
                    buttonClasses : [ 'btn btn-default' ],  
                    applyClass : 'btn-small btn-primary blue',  
                    cancelClass : 'btn-small',  
                    format : 'YY-MM-DD HH:mm', //控件中from和to 显示的日期格式  
                    separator : ' - ',  
                    locale : {  
                        applyLabel : '确定',  
                        cancelLabel : '取消',  
                        fromLabel : '起始时间',  
                        toLabel : '结束时间',  
                        customRangeLabel : '自定义',  
                        daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
                        monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',  
                                '七月', '八月', '九月', '十月', '十一月', '十二月' ],  
                        firstDay : 1  
                    }  
                }, function(start, end, label) {//格式化日期显示框  
                      
                    $('#reservationT').html(start.format('YY-MM-DD HH:mm') + ' - ' + end.format('YY-MM-DD HH:mm'));
               }); 
	});
	/*  $(window).resize(function() {
		 alert("test");
		 alert($("#case_map").get(0).offsetWidth);
		 alert(chart1);
 		 chart1.setSize(
				 	$("#case_map").get(0).offsetWidth*0.8;
				 	return false;
			    );  
		 chart2.setSize(
				 	$("#case_map").get(0).offsetWidth*0.18;
				 	return false;
			    );  
		}); */
	 $(window).resize(function() 
			 {    
		 var casemapwidth = $("#case_map").get(0).offsetWidth;
		 chart2.setSize(
				 casemapwidth*0.18,
				 	350,
				 	false
			    );
		 chart1.setSize(
				 casemapwidth*0.8, 
				 350,
			        false
			     ); 
 
			 });	
  </script>
</body>

</html>
